<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>联系我们</title>
<style type="text/css">
.divForm{
position: absolute;/*绝对定位*/
width: 400px;
height: 200px;

border: 1px solid #000000;
text-align: center;/*(让div中的内容居中)*/
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -150px;
}
			#菜单 ul { margin: 0px;
			       padding: 0px;
			       list-style-type: none;
			       text-align: center;
		}
        #菜单 { width: 100px;
        	    border-width: 3px 0px 3px 0px;
        	    border-style: solid;
        	    border-color: #83c691;
    } 
    #菜单 ul li {
    	line-height: 35px;
    	height: 35px;
    	background-color: #caf1f8;
    	border-bottom-width: 1px;
    	border-bottom-style: solid;
    	border-bottom-color: #98dae8;
    	padding-top: 0px;
    	padding-right: 8px;
    	padding-bottom: 0px;
    	padding-left: 8px;
    	position: relative; 
    }
    #菜单 ul li ul{
    	display: none;
    	border:1px solid #83c691;
    	width: 100px;
    	position: absolute;
    	left: 100px;
    	top: 0px;
    }
    #菜单 ul li:hover ul {
    	display: block;
    }
    body{
    	font-family: Verdana,Geneva,sans-serif;
    	color: #0e6964;
    	font-size: 18px;
    	font-weight: bold;
    	line-height: 24px;
    }
    a {
        color: #0e6964;
        text-decoration: none;
    }
    a:hover {
    	color: #000;
    	text-decoration: none;
    }
</style>
</head>
<body background="b4b74a883904b8f758e55476f650d772.jpg"
      style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"> 
	<div class="divForm">
	  <form >
	  <p>姓名： <input type="text"><br>
	    <font>联系方式：
        </font>
	    <input type="email"><br>
        年龄：
        <select name="1">
          <option selected>未满18</option>
          <option>已满18</option>
        </select>
        <br>
        学历：
        <label>
          <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_0">
          大专
        </label>
        <label>
          <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1">
          本科</label>
          <label>
          <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_2">
          研究生
        <br>
       
爱好：
<input type="checkbox" name="00" id="00">
	    <label>
	      哲学
	      <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_0">
	      古典乐</label>
	    <label>
	      <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_1">
	      篮球</label>
          <label>
	      <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_2">
	      乒乓球</label>
        <label>
          <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_3">
          <br>
			<br>
          <input name="提交" type="submit" value="提交"><input name="" type="reset" value="重置">
        </label>
	    <br>
	  </p>
      </p>
</form></div>
	<img src="$(QI1_MMEN%9]ZVUHDEWA33.gif" width="100" height="100" alt=""/></a>
	<div id="菜单">
	<ul>
		<li><a href="首页.html">首页</a></li>
        <li><a href="#">中国哲学</a>
	<ul>
	<li><a href="儒家.html" target="_blank">儒家</a></li>
	<li><a href="道家.html" target="_blank">道家</a></li>
	<li><a href="名家.html" target="_blank">名家</a></li>
	</ul>
</li>
         <li><a href="#">西方哲学</a>
	<ul>
	<li>康德</li>
	<li>马克思</li>
	<li><a href="">泰勒斯</a></li>
	<li><a href="">柏拉图</a></li>
	</ul>
</li>
</ul>
</div>
</body>
</html>
